<template>
  <div class="menu">
      <v-navigation-drawer
        permanent
        expand-on-hover
        id="bgcolor"
      >
        <v-list>
          <v-list-item class="px-2">
            <list-item-avatar>
              <img src="https://mff-project.gitee.io/blog/img/main/touxiang3.jpg" height="60px" width="60px"></img>
            </list-item-avatar>
          </v-list-item>

          <v-list-item link>
            <v-list-item-content>
              <v-list-item-title class="title">
                mff
              </v-list-item-title>
              <v-list-item-subtitle>mff_project@163.com</v-list-item-subtitle>
            </v-list-item-content>
          </v-list-item>
        </v-list>

        <v-divider></v-divider>

        <v-list
          nav
          dense
        >
          <v-list-item link>
            <v-list-item-icon>
              <v-icon>mdi-folder</v-icon>
            </v-list-item-icon>
            <v-list-item-title>My Files</v-list-item-title>
          </v-list-item>
          <v-list-item link>
            <v-list-item-icon>
              <v-icon>mdi-account-multiple</v-icon>
            </v-list-item-icon>
            <v-list-item-title>Shared with me</v-list-item-title>
          </v-list-item>
          <v-list-item link>
            <v-list-item-icon>
              <v-icon>mdi-star</v-icon>
            </v-list-item-icon>
            <v-list-item-title>Starred</v-list-item-title>
          </v-list-item>
        </v-list>
      </v-navigation-drawer>
  </div>
</template>

<script>
export default {

}
</script>

<style>
    @import url('../css/coin-slider-styles.css');
    .menu{
        width: 250px;
        height: 61.9%;
        position: absolute;
        top: 59px;
        left: 0px;
        background: url(../images/134936.png) repeat-x;
    }
    #bgcolor{
        background: #616161
    }
    #image_style{
        height: 70px;
        width: 70px;
    }
</style>